*{
    margin: 0;
    padding: 0;
}
li{list-style: none;}
.txh{
    display: flex;
    
}
body,html{
    
    
}
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.box{
    width: 100%;
    .px2rem(height,90);
    background-color: #cc0000;
    .px2rem(line-height,90);
    ul{
        .txh;
        justify-content: space-between;

        li{
            
            
            p{
       text-align: center; 
       .px2rem(font-size,39);
       color: #fff;
       span{
           .px2rem(margin-left,12);
       }
    }
        }
        
        li:nth-child(3){
             .px2rem(margin-right,7);
        }
    }
    .one{
        
        .px2rem(width,79);
        .px2rem(height,42);
        background: #eb4174;
        border: none;
        color:#fff;
    }
  
}
.banner{
    width: 100%；
    height:80%;
    margin-top:40%;
    p{
        .px2rem(font-size,42);
        color:#ccc;
        text-align: center;
    }
}
.dibu{
    width: 100%;
    .px2rem(height,100);
    background: #000;
    position: fixed;
    bottom: 0;
    ul{
        .txh;
        li{
            flex:1;
             text-align: center;
             color:#fff;
             .px2rem(font-size,20);
             .px2rem(margin-top,14);
        }
        li:nth-child(1){
            img{
                .px2rem(width,49);
                .px2rem(height,44);
             }
        }
        li:nth-child(2){
            img{
                .px2rem(width,41);
                .px2rem(height,41);
             }
        }
        li:nth-child(3){
            img{
                .px2rem(width,30);
                .px2rem(height,41);
             }
        }
        li:nth-child(4){
            img{
                .px2rem(width,52);
                .px2rem(height,41);
             }
        }
        li:nth-child(5){
            img{
                .px2rem(width,56);
                .px2rem(height,14);
             }
             p{
                .px2rem(margin-top,14);
             }
        }
    }
}